﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>lhgdialog - samples</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<style type="text/css">
body{margin:0;padding:0;font:14px Verdana, Arial, sans-serif;line-height:200%;}
#content{padding-left:50px;padding-right:50px;}
#content h2{font-size:18px;color:#1E9300;padding-top:8px;margin-bottom:8px;}
#content h3{margin-top:8px;margin-bottom:8px;FONT:bold 14px 宋体,tahoma,arial,sans-serif;COLOR:#0033CC;}
#content div{margin-top:10px;margin-bottom:10px;border:#666 solid 1px;padding:10px;}
#content input{margin-bottom:5px;height:22px;font:12px Tahoma;border:1px solid #808080;}
#content span{color:#f00;font-weight:bold;}
ul, ol{color:#000000;}
	</style>
	<script type="text/javascript" src="/baseproject/js/component/alert/lhgdialog.js"></script>
	<script type="text/javascript">
function open1()
{
    lhgdialog.opendlg( '弹出普通带遮罩层的窗口', '', 400, 300 );
}
function open2()
{
    lhgdialog.opendlg( '弹出普通带遮罩层的窗口', '_content.html', 400, 300, true );
}
function open3()
{
    lhgdialog.opendlg( '指定弹出窗口的位置', '', 400, 300, '', 1000, 100 );
}
function open4()
{
    lhgdialog.opendlg( '在窗口中加载外部页面', 'http://www.google.com', 640, 480 );
}
	</script>
</head>

<body>
    <div id="content">
		<h2>调用方法及参数说明</h2>
		<ol>
        <li>在需要调用的页面引入lhgdialog.js，例如：<span>&lt;script type=&quot;text/javascript&quot; src=&quot;lhgdialog.js&quot;&gt;&lt;/script&gt;</span></li>
	    <li>然后在要调用的位置上引发的事件中加入调用代码，例如：&lt;input type=&quot;button&quot; onclick=&quot;lhgdialog.opendlg(...);&quot;/&gt;          或者在onclick=这写个自己的函数，如：open();然后再在JS的部位里加个function open()函数，再在里面调用lhgdialog.opendlg</li>
	    <li>参数说明：lhgdialog.opendlg是主调函数，他共有7个参数，详细如下：<br/>
	        lhgdialog.opendlg( <span>窗口标题，内容页，窗口宽，窗口高，是否显示遮罩层，弹出窗口距顶部距离，弹出窗口距左边距离</span> ）<br/>
	        例如：lhgdialog.opendlg( '登录窗口', 'login.html', 400, 300 ); 后面的参数如果不用可以省略<br/>
	        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;lhgdialog.opendlg( '', 'ok.html', 600, 480, true, 100, 200 ); 如果前面有不填的参数就用''就可以了，但不可省略。</li>
		</ol>
	    <h2>功能及示例</h2>
		<h3>1. 弹出普通不带遮罩层的窗口(可弹出任意个)</h3>
		<div>
		    <input type="button" id="btn1" value="弹出普通不带遮罩层的窗口" onclick="open1();" /><br />
			<span>调用代码：</span>lhgdialog.opendlg( '弹出普通带遮罩层的窗口', '', 400, 300 );
		</div>
		<h3>2. 弹出普通带遮罩层的窗口</h3>
		<div>
		    <input type="button" id="btn1" value="弹出普通带遮罩层的窗口" onclick="open2();" /><br />
			<span>调用代码：</span>lhgdialog.opendlg( '弹出普通不带遮罩层的窗口', '', 400, 300, true );
		</div>
		<h3>3. 指定弹出窗口的位置(距离top:1000px,left:100px)</h3>
		<div>
		    <input type="button" id="btn1" value="指定弹出窗口的位置" onclick="open3();" /><br />
			<span>调用代码：</span>lhgdialog.opendlg( '指定弹出窗口的位置', '', 400, 300, '', 1000, 100 );<br/>
			<span>注：top和left都可单独指定</span>
		</div>
		<h3>4. 在窗口中加载外部页面</h3>
		<div>
		    <input type="button" id="btn1" value="在窗口中加载外部页面" onclick="open4();" /><br />
			<span>调用代码：</span>lhgdialog.opendlg( '在窗口中加载外部页面', 'http://www.google.com', 640, 480 );
		</div>
	</div>
</body>
</html>